<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../js-css/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../js-css/bootstrap/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="../js-css/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../js-css/inventory/index.css">
</head>
<body>
 <div class="container position-relative zindex-5">
   <div class="row">
    <div  class="container_nav d-md-block collapse border-r">
        <div  class="d-flex flex-column sidebar-body">
            <div id="kt_sidebar_content" class="py-10 px-lg-8">
                <div class="hover-scroll-y me-lg-n5" data-kt-scroll="true" data-kt-scroll-height="auto" data-kt-scroll-offset="0px" data-kt-scroll-wrappers="#kt_sidebar_content" >
                    <div class="card bg-info">
                        <div class="card-body px-0">
                          <div class="pt-0">
                              <div class="bg2 d-flex flex-center position-relative bgi-no-repeat bgi-size-contain bgi-position-x-center bgi-position-y-center">
                                  <div class="position-absolute mb-7">
                                      <div class="symbol symbol-circle symbol-100px overflow-hidden d-flex flex-center z-index-1" id="account-menu-title">
                                                    <span class="symbol-label bg-warning align-items-end">
                                                        <img alt="Logo" src="../js-css/用户.png" class="mh-75px">
                                                    </span>
                                      </div>

                                  </div>
                                  <div id="kt_user_chart">
                                      <div id="apexchartsac10xdwo" class="apexcharts-canvas apexchartsac10xdwo apexcharts-theme-light">
                                          <svg id="SvgjsSvg1652" width="300" height="178.7" xmlns="http://www.w3.org/2000/svg" class="apexcharts-svg" xmlns:data="ApexChartsNS" transform="translate(0, 0)">
                                              <g id="SvgjsG1654" class="apexcharts-inner apexcharts-graphical" transform="translate(63, 0)">
                                                  <defs id="SvgjsDefs1653">
                                                      <clipPath>
                                                          <rect width="182" height="200" x="-3" y="-1" rx="0" ry="0" opacity="1" stroke-width="0" stroke="none" stroke-dasharray="0" fill="#fff"></rect>
                                                      </clipPath>
                                                      <clipPath></clipPath>
                                                      <clipPath></clipPath>
                                                      <clipPath>
                                                          <rect width="180" height="202" x="-2" y="-2" rx="0" ry="0" opacity="1" stroke-width="0" stroke="none" stroke-dasharray="0" fill="#fff"></rect>
                                                      </clipPath>
                                                  </defs>
                                                  <g class="apexcharts-radialbar">
                                                      <g>
                                                          <g class="apexcharts-tracks">
                                                              <g class="apexcharts-radialbar-track apexcharts-track" rel="1">
                                                                  <path d="M 88 18.82219512195121 A 69.17780487804879 69.17780487804879 0 1 1 87.98792619541705 18.822196175589426" fill="none" fill-opacity="1" stroke="rgba(0,163,255,0.85)" stroke-opacity="1" stroke-linecap="round" stroke-width="3.7839024390243914" stroke-dasharray="0" class="apexcharts-radialbar-area" data:pathorig="M 88 18.82219512195121 A 69.17780487804879 69.17780487804879 0 1 1 87.98792619541705 18.822196175589426"></path>
                                                              </g>
                                                          </g>
                                                          <g>
                                                              <g class="apexcharts-series apexcharts-radial-series" seriesname="Progress" rel="1" data:realindex="0">
                                                                  <path d="M 88 18.82219512195121 A 69.17780487804879 69.17780487804879 0 1 1 18.990708777769825 92.82559972965186" fill="none" fill-opacity="0.85" stroke="rgba(241,65,108,0.85)" stroke-opacity="1" stroke-linecap="round" stroke-width="3.7839024390243914" stroke-dasharray="0" class="apexcharts-radialbar-area apexcharts-radialbar-slice-0" data:angle="266" data:value="74" j="0" data:pathorig="M 88 18.82219512195121 A 69.17780487804879 69.17780487804879 0 1 1 18.990708777769825 92.82559972965186"></path>
                                                              </g>
                                                              <circle r="67.2858536585366" cx="88" cy="88" class="apexcharts-radialbar-hollow" fill="transparent"></circle>
                                                              <g class="apexcharts-datalabels-group" transform="translate(0, 0) scale(1)">
                                                                  <text id="SvgjsText1666" font-family="inherit" x="88" y="94" text-anchor="middle" dominant-baseline="auto" font-size="30px" font-weight="700" fill="#5e6278" class="apexcharts-text apexcharts-datalabel-value">
                                                                      74%
                                                                  </text>
                                                              </g>
                                                          </g>
                                                      </g>
                                                  </g>
                                                  <line x1="0" y1="0" x2="0" y2="0" stroke="#b6b6b6" stroke-dasharray="0" stroke-width="1" stroke-linecap="butt"></line>
                                                  <line x1="0" y1="0" x2="0" y2="0" stroke-dasharray="0" stroke-width="0" stroke-linecap="butt"></line>
                                              </g>
                                              <g class="apexcharts-annotations"></g>
                                          </svg>
                                          <div class="apexcharts-legend"></div>
                                      </div>
                                  </div>
                              </div>
                              <div class="pt-4">
                                  <div class="text-center pb-12">
                                      <div class="square">
                                          <span class="icon_title user_info"><i class="fa fa-user-o" aria-hidden="true"></i></span>
                                      </div>
                                      <h3 class="fw-bolder text-white fs-2 pb-4 user-name-h3 real_name" tag="03bac30c81b966731dfef397806ce6b4" uid="1"></h3>
                                      <span class="fw-bolder fs-6 text-primary px-4 py-2 rounded bg-white bg-opacity-10 email-span email"></span>
                                      <div class="search-box">
                                          <div class="px-4  text-center col-md-12 search_input">
                                              <div class="align-items-center search_input_body">
                                                  <div class="input-group">
                                                      <i class="fa fa-search header_i  position-absolute top-50 start-0 translate-middle-y ms-3" aria-hidden="true"></i>
                                                      <label>
                                                          <input class="form-control rounded keyword_main" type="text" placeholder="全局搜索，注意大小写">
                                                      </label>
                                                      <i class="fa fa-times foot_i  position-absolute top-50 translate-middle-y ms-3 d_none r-5" aria-hidden="true"></i>
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="col-md-12">
                                              <div class="row collapse px-4 search_div">
                                                  <div id="search_ul">

                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                      <div class="search_history">

                                      </div>
                                  </div>
                                  <div class="row row-cols-2 px-xl-12 sidebar-toolbar">
                                      <div class="col p-3">
                                          <a class="btn p-5 w-100 text-start btn-active-primary" id="about_me">
                                              <span class="fw-bold">关于我的项目</span>
                                          </a>
                                      </div>
                                      <div class="col p-3">
                                          <a class="btn p-5 w-100 text-start btn-active-primary" id="overtime">
                                              <span class="fw-bold">超时未完成</span>
                                          </a>
                                      </div>
                                      <div class="col p-3">
                                          <a class="btn p-5 w-100 text-start btn-active-primary" id="underway_project">
                                              <span class="fw-bold">进行中的项目</span>
                                          </a>
                                      </div>
                                      <div class="col p-3">
                                          <a class="btn p-5 w-100 text-start btn-active-primary" id="me_favorite">
                                              <span class="fw-bold">收藏的项目</span>
                                          </a>
                                      </div>
                                      <div class="col p-3">
                                          <a class="btn p-5 w-100 text-start btn-active-primary" id="CompletedProject">
                                              <span class="fw-bold">已完成的订单</span>
                                          </a>
                                      </div>
                                      <div class="col p-3">
                                          <a class="btn p-5 w-100 text-start btn-active-primary" id="RecentlyCompletedProject">
                                              <span class="fw-bold">近期完成订单</span>
                                          </a>
                                      </div>
                                  </div>
                              </div>
                          </div>
                        </div>
                    </div>
                    <div class="card bg-info">
                       <div class="card-header border-0">
                           <h3 class="card-title fw-bolder text-white fs-3">导航</h3>
                           <div class="card-toolbar">
                               <button type="button" class="btn btn-md btn-icon btn-icon-white btn-info" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
                                        <span class="svg-icon svg-icon-1">
													<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
														<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
															<rect x="5" y="5" width="5" height="5" rx="1" fill="#FFFFFF"></rect>
															<rect x="14" y="5" width="5" height="5" rx="1" fill="#FFFFFF" opacity="0.3"></rect>
															<rect x="5" y="14" width="5" height="5" rx="1" fill="#FFFFFF" opacity="0.3"></rect>
															<rect x="14" y="14" width="5" height="5" rx="1" fill="#FFFFFF" opacity="0.3"></rect>
														</g>
													</svg>
												</span>
                               </button>
                               <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold w-200px dropdown-menu" aria-labelledby="dropdownMenuButton" >
                                   <div class="menu-item px-3">
                                       <div class="menu-content fs-6 text-dark fw-bolder px-3 py-4">常用模块</div>
                                   </div>
                                   <div class="separator mb-1 opacity-75"></div>
                                   <div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-start" data-kt-menu-flip="left-start, top">
                                       <a id="export" class="menu-link px-3 data_analysis">
                                           <span  class="menu-title" >导出报表</span>
                                       </a>
                                   </div>
                               </div>
                           </div>
                       </div>
                       <div class="card-body">
                           <div class="d-flex flex-wrap align-items-center mb-7">
                               <div class="d-flex flex-column flex-grow-1 my-lg-0 my-2 pe-3">
                                   <span href="#" class="text-white fw-bolder fs-6">项目集</span>
                                   <span class="text-hover-primary orders order_this"><a class="text-white opacity-25 fw-bold fs-7 my-1">入库<span class="text-muted fs-sm fw-normal ms-auto f-r">0</span></a></span>
                                   <span class="text-hover-primary test_orders order_this"><a class="text-white opacity-25 fw-bold fs-7 my-1">调拨<span class="text-muted fs-sm fw-normal ms-auto f-r">0</span></a></span>
                               </div>
                           </div>
                       </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="account-menu_outer">
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="myModalLabel">export excel</h4>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary">export</button>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div>

    </div>
   </div>
 </div>
 <script src="../js-css/jquery/jquery.js"></script>
 <script src="../js-css/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
 <script src="../js-css/bootstrap/js/bootstrap-datetimepicker.fr.js"></script>
 <script src="../js-css/bootstrap/js/pophover.min.js"></script>
 <script src="../js-css/bootstrap/js/bootstrap.min.js"></script>
 <script src="../js-css/bootstrap/js/bootstrap-datetimepicker.zh-CN.js"></script>
 <script src="../js-css/bootstrap/js/moment-with-locales.js"></script>
 <script src="../js-css/inventory/index.js"></script>
</body>
</html>
